class odiv{
				constructor(){
					this.btn = document.querySelectorAll('.box input');
					this.li = document.querySelectorAll('ul li')
				}
				show(){
					var _this = this;
					for(let i=0;i<this.btn.length;i++){
						this.btn[i].onclick = function(){
							_this.fn(i);
						}
					}
				}
				fn(i){
					for(var j=0;j<this.li.length;j++){
						this.btn[j].className = '';
						this.li[j].className = '';
					}
					this.li[i].className = 'show';
					this.btn[i].className = "active";
				}
}
			window.onload = function(){
				var n = new odiv();
				n.show();
			}
			
//			window.onload = function(){
//				var btn = document.querySelectorAll(".odiv input");
//				var li = document.querySelectorAll(".odiv li");
//				for(let i = 0;i<btn.length;i++){
//					btn[i].onclick = function(){
//						 for(var j=0;j<li.length;j++){
//						 	 btn[j].className = '';
//						 	 li[j].className = '';
//						 }
//						 li[i].className = 'show';
//						 this.className = 'active';
//					}
//				}
//			}